<template>
  <div class="main">
    <div class="top">
      <div class="box">
        <div class="top_item">
          <img
            class="icon"
            :src="require('../../assets/screen/specialized/kcpjf.png')"
          />
          <div class="text">
            <p class="name">科创平均分</p>
            <p class="num">0.94</p>
          </div>
        </div>
        <div class="top_item">
          <img
            class="icon"
            :src="require('../../assets/screen/specialized/qysl.png')"
          />
          <div class="text">
            <p class="name">企业数量</p>
            <p class="num">0.94</p>
          </div>
        </div>
        <div class="top_item">
          <img
            class="icon"
            :src="require('../../assets/screen/specialized/zlsl.png')"
          />
          <div class="text">
            <p class="name">专利数量</p>
            <p class="num">0.94</p>
          </div>
        </div>
        <div class="top_item">
          <img
            class="icon"
            :src="require('../../assets/screen/specialized/hjzczb.png')"
          />
          <div class="text">
            <p class="name">户均注册资本</p>
            <p class="num">0.94</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  created() {},

  methods: {},
};
</script>

<style scoped lang="scss">
.main {
  .top {
    width: 100%;
    display: flex;
    justify-content: center;
    .box {
      width: 50%;
      display: flex;
      justify-content: space-between;
      .top_item {
        width: 200px;
        height: 78px;
        background: rgba(82, 147, 247, 0.27);
        display: flex;
        .icon {
          width: 56px;
          height: 56px;
          margin: 11px 0 11px 10px;
        }
        .text {
          margin: 10px 0 auto 10px;
          .name {
            font-size: 17px;
            font-family: Source Han Sans SC;
            font-weight: 500;
            color: #68c8fa;
            margin: 0;
          }
          .num {
            font-size: 32px;
            font-family: YouSheBiaoTiHei;
            font-weight: 400;
            color: #ffffff;
            margin: 0;
          }
        }
      }
    }
  }
}
</style>